<!DOCTYPE html>
<html lang="en">
 {% load static %}
 <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="referrer" content="no-referrer" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧加油站系统</title>
    <link rel="stylesheet" href="media/css/head.css">
</head>

<body>

    <header>
        <h2 class="logo">智慧加油站系统</h2>
        <nav class="navigation">
            <a href="#" class="active">首页</a>
            <!-- <a href="#">关于</a> -->
            <a href="{% url 'login' %}" class="navbar-link">注册</a>
            <a onclick="jump()">登录</a>
            <a href="/tech">技术路线</a>
            <a href="/aboutus">关于我们</a>
        </nav>
    </header>

    <section class="parallax">
        <img src="/media/head/hill1.png" id="hill1">
        <img src="/media/head/hill2.png" id="hill2">
        <img src="/media/head/hill3.png" id="hill3">
        <img src="/media/head/hill4.png" id="hill4">
        <img src="/media/head/hill5.png" id="hill5">
        <img src="/media/head/tree.png" id="tree">
        <h2 id="text">智慧加油站系统</h2>
        <img src="/media/head/leaf.png" id="leaf">
        <img src="/media/head/plant.png" id="plant">
    </section>

    <section class="sec">
        <h2>智慧加油站</h2>
        <p>
           balabala<br><br>
            这里是一些相关介绍!<br><br>
            >-<<br><br>
        </p>
    </section>

    <script src="/static/js/head.js"></script>
</body>

</html>

<script>
    function jump(){
         window.location.href="/intrusionDect/login";
    }
</script>